<template>
  <div>
      <p>你要购买商品的数量: {{ count }}</p>
      <!-- 1. 绑定事件
     语法: v-on:事件名="少量代码"
     语法: v-on:事件名="methods里函数名"
     语法: v-on:事件名="methods里函数名(值)"
     语法: @事件名="methods里函数名"
     -->
     <button v-on:click='count=count+1'>+1</button>
     <button v-on:click='addFn'>+1</button>
     <button v-on:click='addfirst(5)'>+5</button>
     <button @click="up">-5</button>
  </div>
</template>

<script>
export default {
data () {
    return {
        count:1
    }
},
methods: {
    addFn(){
        this.count++
    },
    addfirst(num){
        this.count+=5
    },
    up(){
        this.count-=5
    }
}
}
</script>

<style>

</style>